<!DOCTYPE html>
<html lang="en">

<head>
  <title>Circulation Manager - Sam's Library</title>
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <link href="./dist/circulation-web.css"
        rel="stylesheet">
   <link rel="icon" href="admin/static/admin-react/favicon.ico">
  <style>
    .error {
      color: #1B7FA7;
      font-family: sans-serif;
      margin-left: 30px
    }
  </style>
</head>

<body>


  <script src="./dist/circulation-web.js"></script>
  <script>
    try {
      var circulationWeb = new CirculationWeb({
        csrfToken: "3MEQt/amGauebwbFq0DCwHgf/ZK0b7e5",
        tos_link_href: "https://librarysimplified.org/simplyetermsofservice2/",
        tos_link_text: "Terms of Service for presenting e-reading materials through NYPL&#39;s SimplyE mobile app",
        showCircEventsDownload: true,
        settingUp: false,
        email: "samzhang@apjcorp.com",
        roles: [{ "role": "system" },]
      });
      const elementsToRemove = document.getElementsByClassName("error");
      while (elementsToRemove.length > 0) {
        elementsToRemove[0].parentNode.removeChild(elementsToRemove[0]);
      }
    } catch (e) {
      document.getElementById("error1").innerHTML = "We're having trouble displaying this page."
      document.getElementById("error2").innerHTML = "Contact your administrator, and ask them to check the console for more information."
      console.error("The following error occurred: ", e)
      console.warn("The CSS and/or JavaScript files for this page could not be found. Try running `npm install` in the api/admin directory of the circulation repo.")
    }
  </script>

</body>

</html>